<template>
	<view class="d-fudong" style="width: 100%">
		<view class="d-waikuang-10">
			<view class="d-kuan  d-yuanjiao-10" style="background-color: #FFFFFF;box-shadow: 0px 5px 5px 2px #515050; ">
				<view class="d-yuanjiao-10 d-neikuang-10" style="height: 80px;width: 100%;">
					<view class="d-buhuanhang ">
						<view class="d-kuan-40">
							<u-avatar src="/static/images/img/xiaoxi3.png" fontSize="40" size="40" shape="circle"></u-avatar>
						</view>
						<view class="d-zuo-10 d-chaochu-1" style="line-height: 40px;">
							<text v-if="tongzhileixing==4">您有新的点赞</text>
							<text v-if="tongzhileixing==10">您有新的评论</text>
						</view>
					</view>
					<view class="d-buhuanhang ">
						<view class="d-kuan-40 d-shang-5 d-zuo-5">
							<u-avatar :src="dianzantouxiang" fontSize="30" size="30" shape="circle"></u-avatar>
						</view>
						<view class="d-zuo-10 d-chaochu-1" style="line-height: 40px;">
							
							<text v-if="tongzhileixing==4">{{dianzanname}} : 点赞了您的帖子 ...</text>
							<text v-if="tongzhileixing==10">{{dianzanname}} : 评论了您的帖子 ...</text>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'd-top-tishi',
		props: {
			dianzanname: {
				type: [Number, String],
				default:0
			},
			tongzhileixing:{
				type: [Number, String],
				default:0
			},
			dianzantouxiang: {
				type: String,
				default:""
			},
		}
	}
</script>

<style>
	.d-fudong {
		position: absolute;
		z-index: 1000; 
		top: 0;
		left: 0;
	}
</style>